<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link href="<s:url value="/css/style.css"/>" rel="stylesheet"
			type="text/css" />
		<script type="text/javascript" src="<s:url value="/js/common.js"/>"></script>
		<script type="text/javascript"
			src="<s:url value="/js/jquery-1.3.2.min.js"/>"></script>
		<script type='text/javascript'
			src="<s:url value="/js/autocomplete/jquery.bgiframe.min.js"/>"></script>
		<script type='text/javascript'
			src="<s:url value="/js/autocomplete/jquery.ajaxQueue.js"/>"></script>
		<script type='text/javascript'
			src="<s:url value="/js/autocomplete/thickbox-compressed.js"/>"></script>
		<script type='text/javascript'
			src="<s:url value="/js/autocomplete/jquery.autocomplete.js"/>"></script>
		<link rel="stylesheet" type="text/css"
			href="<s:url value="/js/autocomplete/jquery.autocomplete.css"/>" />
		<link rel="stylesheet" type="text/css"
			href="<s:url value="/js/autocomplete/thickbox.css"/>" />
		<script type="text/javascript" src="<s:url value="/js/jquery-ui.js"/>"></script>
		<link href="<s:url value="/css/jquery.css"/>" rel="stylesheet"
			type="text/css" />
		<script type='text/javascript'
			src="<s:url value="/js/ptTimeSelect/jquery.ptTimeSelect.js"/>"></script>
		<link rel="stylesheet" type="text/css"
			href="<s:url value="/js/ptTimeSelect/jquery.ptTimeSelect.css"/>" />
<script type="text/javascript" src="<s:url value="/js/jquery.form.js"/>"></script>
<script type="text/javascript" src="<s:url value="/js/jquery.validate.js"/>"></script>
		<script type="text/javascript">
        </script>
		<title><s:text name="system.title" />
		</title>
	</head>
	<body>
		<s:include value="/common/up.jsp"></s:include>
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td class="box">
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td id="tag-over">
								<span id="tag-over">Detail</span>
							</td>
							<td class="tab3-line" width="90%">
								&nbsp;
							</td>
						</tr>
					</table>
					<s:form action="TouchHistory/edit" namespace="/customer" method="post"
						id="editForm" name="editForm">
						<table width="100%" border="0" cellpadding="3" cellspacing="1"
							class="margin">
							<tr>
								<td align="right" class="tablecolour5">
									Name<font color="red">*</font>:
								</td>
								<td class="tablecolour5">
									<s:property value="selleads.name"/>
								</td>
								<td align="right" class="tablecolour5">
									Gender:
								</td>
								<td class="tablecolour5">
							    	<s:property value="selleads.salutation"/>
								</td>
								<td align="right" class="tablecolour5">
									Age:
								</td>
								<td class="tablecolour5">
									<s:property value="selleads.age"/>
								</td>
								<td align="right" class="tablecolour5">
									Education:
								</td>
								<td class="tablecolour5">
								    <s:property value="selleads.education"/>
								</td>
							</tr>
							<tr>
								<td align="right" class="tablecolour5">
									Company:
								</td>
								<td class="tablecolour5">
								    <s:property value="selleads.company"/>
								</td>
								<td align="right" class="tablecolour5">
									E-mail:
								</td>
								<td class="tablecolour5">
							    	<s:property value="selleads.email"/>
								</td>
								<td align="right" class="tablecolour5">
									Marketing:
								</td>
								<td class="tablecolour5" colspan="3">
								     <s:property value="selleads.marketingPlan.name"/>
								</td>
							</tr>
							<tr>
     							<td align="right" class="tablecolour5">
									Ad Channel<font color="red">*</font>:
								</td>
								<td class="tablecolour5">
								    <s:property value="selleads.adChannel.name"/>
								</td>
								<td align="right" class="tablecolour5">
									Init Visit Time:
								</td>
								<td class="tablecolour5" >
									<s:date name="selleads.initVisitTime" format="yyyy-MM-dd"/>
								</td>
								<td align="right" class="tablecolour5" >
									Create Time:
								</td>
								<td class="tablecolour5"  colspan="3">
									<s:date name="selleads.createTime" format="yyyy-MM-dd" />
								</td>
							</tr>
							<tr>
								<td align="right" class="tablecolour5">
									Leads Source<font color="red">*</font>:
								</td>
								<td class="tablecolour5">
								   <s:property value="selleads.leadsSource"/>
								</td>
								<td align="right" class="tablecolour5">
									Leads Type<font color="red">*</font>:
								</td>
								<td class="tablecolour5">
    								 <s:property value="selleads.leadsType"/>
								</td>
								<td align="right" class="tablecolour5">
									Marketing Policy:
								</td>
								<td class="tablecolour5" colspan="3">
								     <s:property value="selleads.marketingPolicy.name"/>
								</td>
							</tr>
							<tr>
								<td align="center" colspan="8" height="50" class="tablecolour5">
									<input name="goback" type="button" class="btn1" value="Close"
										onclick="window.close()" />
								</td>
							</tr>
						</table>
						<table cellpadding="3" cellspacing="1" width="100%"
							style="margin-top: 5px;" class="margin">
							<tr>
								<td colspan="5" class="title">
									Event History
								</td>
							</tr>
							<tr>
								<td class="tablecolour5">
									Task Type
								</td>
								<td class="tablecolour5">
									Call Number
								</td>
								<td class="tablecolour5">
									Call Time
								</td>
								<td class="tablecolour5">
									Comment
								</td>
								<td class="tablecolour5">
									Call Status
								</td>
							</tr>
							<s:iterator value="calls">
								<tr>
									<td class="tablecolour5">
										<s:property value="eventType" />
									</td>
									<td class="tablecolour5">
										<s:property value="telephone" />
									</td>
									<td class="tablecolour5">
										<s:date name="dealTime" format="yyyy-MM-dd HH:mm" />
									</td>
									<td class="tablecolour5">
										<s:property value="comments" />
									</td>
									<td class="tablecolour5">
										<s:property value="callStatus" />
									</td>
								</tr>
							</s:iterator>
						</table>
						<table cellpadding="3" cellspacing="1" width="100%"
							style="margin-top: 5px;" class="margin">
							<tr>
								<td colspan="8" class="title">
									Class History
								</td>
							</tr>
							<tr>
							   	<td class="tablecolour5">
									ClassTime
								</td>
								<td class="tablecolour5">
									ClassType
								</td>
								<td class="tablecolour5">
									ClassFocus 
								</td>
								<td class="tablecolour5">
									Tearcher
								</td>
						 			<td class="tablecolour5">
									Booking Time
								</td>
									<td class="tablecolour5">
									Checkin Time
								</td>
									<td class="tablecolour5">
									Cancel Time
								</td>
									<td class="tablecolour5">
									Status
								</td>
							</tr>
							<s:iterator value="leadsClassEntityList" status="status">
								<tr title="entity">
										<td class="tablecolour5">
										<s:date name="classEntity.classDate" format="yyyy-MM-dd  "/>
										<s:property value="classEntity.classTime"/>
									</td>
									<td class="tablecolour5">
										<s:property value="classEntity.classType.name" />
									</td>
								 		<td class="tablecolour5">
										<s:property value="classEntity.message" />
									</td>
									<td class="tablecolour5">
										<s:property value="classEntity.teacher.name" />
									</td>
										<td class="tablecolour5">
										<s:date format="yyyy-MM-dd HH:mm:ss" name="bookingTime" />
									</td>
									<td class="tablecolour5">
										<s:date format="yyyy-MM-dd HH:mm:ss" name="checkinTime" />
									</td>
										<td class="tablecolour5">
										<s:date format="yyyy-MM-dd HH:mm:ss" name="cancelTime" />
									</td>
										<td class="tablecolour5">
										<s:property value="status" />
									</td>
								</tr>
							</s:iterator>
						</table>
					</s:form>
				</td>
			</tr>
		</table>
		<s:include value="/common/down.jsp"></s:include>
		<div id='pop-div' style="width: 300px;" class="pop-box">
			<s:include value="/common/confirmPopup.jsp"></s:include>
		</div>
	</body>
</html>